body {
    color: #464646;
    background-color: #fff;
    font: 12px/1.5 'Microsoft Yahei', 'Consolas', 'Arial', '\5b8b\4f53';
}
$fontSize: 24px;
$fontScale: 750;

html {
    font-size: $fontSize;
}

body {
    font-size: 1rem;
}
@media screen and(max-width:750px) {
    html {
        font-size: $fontSize;
    }
}
@media screen and(max-width:600px) {
    html {
        font-size: 600/$fontScale*$fontSize;
    }
}
@media screen and(max-width:420px) {
    html {
        font-size: 420/$fontScale*$fontSize;
    }
}
@media screen and(max-width:350px) {
    html {
        font-size: 350/$fontScale*$fontSize;
    }
}

li,
ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#paybox {
    margin: 60% 1rem 0;
    font-size: 1.2rem;

    h3 {
        color: #ff626d;
        text-align: center;
        font-size: 1.6rem;
    }

    #payinfo {
        display: none;
        margin-top: 4rem;
        color: #69a3c5;
        width: 100%;
        text-align: left;

        .title {
            width: 6em;
        }

        .content {
            width: 100%;
        }

        td {
            padding: 0.4rem 0.2rem;
            border-bottom: 1px dotted #ddd;
            vertical-align: top;

            &:first-child {
                white-space: nowrap;
            }

            &:last-child {
                word-break: break-all;
            }
        }
    }

    #paytip {
        color: #ff626d;
        padding: 0.4rem;
        margin-top: 1rem;
        display: none;

        h5,
        p {
            margin: 0;
            padding: 0;
            font-size: inherit;
        }
    }

    #payerror {
        color: #ff626d;
    }

    #payreload {
        color: #2ba245;
        font-size: 1.4rem;
        display: none;
    }

    #blackbuy {
        display: none;
        background-color: #c30d23;
        color: #fff;
        padding: 0.8rem 1.6rem;
        text-decoration: none;
        text-align: center;
        position: fixed;
        bottom: 2.2rem;
        left: 1.6rem;
        right: 1.6rem;
        border-radius: 0.4rem;
        font-size: 1.8rem;
    }
}
